"@charset ""utf-8"";"					
@font-face {					
    font-family: 'KIMM_Bold';					
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2');					
    font-weight: 700;					
    font-style: normal;					
}					
@font-face {					
    font-family: 'ChosunGu';					
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGu.woff') format('woff');					
    font-weight: normal;					
    font-style: normal;					
}					
					
:root{					
 --txt-color: #000000; /*폰트색*/					
 --date-color: #2b2b2b; /*날짜색*/					
 --load-font: 'ChosunGu'; /*본문 폰트*/					
					
 /*게시물*/					
 --box-line: rgb(161, 161, 161); /*선색*/					
 --box-back: rgb(255, 255, 255); /*배경색*/					
 --box-radius: 10px ; /*둥글게*/					
					
 /*버튼*/					
 --btn-line: #FFE443;  					
 --btn-back: #FFE443; 					
 --btn-back2: #ff73b9;  					
 --btn-font: 'KIMM_Bold'; 					
 --btn-color: #fff;					
					
 --bo-width: 70%; /*게시판 너비*/					
					
}					
					
/*레이아웃 설정*/					
#page_board_content .theme-box {					
	background-color: transparent;				
	border: transparent;				
	padding: 0 35px 0 5px !important;				
}					
					
.content-area	{ 				
	position:relative; 				
	background-color: var(--box-back);				
	border: 1px solid var(--box-line);				
	border-radius: var(--box-radius);				
	margin-bottom:4px;				
	padding: 10px 15px;				
					
	line-height:20px; 				
	font-family: var(--load-font);				
	color:var(--txt-color);				
}					
.comment-content {margin-left: 30px; margin-bottom: 4px;}					
.comment-content span {color:var(--txt-color);} 					
					
.control {					
	position: relative;				
	right: -32px;				
	float: right;				
  }					
.control a {					
	display: block;				
	width: 30px;				
	height: 15px;				
	border: 1px solid var(--btn-line);				
	background-color: var(--btn-back);				
	text-align: right;				
	line-height: 15px;				
	color: var(--btn-color);				
	text-decoration: none;				
	font-size: 10px;				
	font-family: var(--btn-font);				
	padding: 1px 3px 1px 0 ;				
					
  }					
  .control a:hover {background-color: var(--btn-back2);}					
					
					
					
hr.padding {    height: 20px !important; }					
					
.content-area .sub_txt { display:inline-block; position:absolute; right:13px;bottom:8px;font-size:12px; float: right; }					
.cite_txt { color:var(--txt-color); font-style: italic;  margin-right: 10px;}					
.li_date { color: var(--date-color) !important; float: right; }					
					
					
					
/** Notice Box **/					
.board-notice	{ max-width: 430px; padding: 20px; margin: 20px auto 30px; text-align: center;}				
					
#page_board_content input, #page_board_content select, #page_board_content .ui-btn.point,#page_board_content .pg_wrap .pg_page {height:24px;line-height:22px;}					
#page_board_content .ui-btn {height:24px;line-height:22px;}					
#page_board_content .pg_wrap .pg_page {border: 0 none; background:none; color:inherit;padding:0 2px; font-size:12px;}					
#page_board_content .pg_wrap .pg_page:before {font-size:12px;}					
					
.ui-text-area{ position:relative; padding-right:60px; box-sizing:border-box; }					
.ui-text-area button {position:absolute;right:0;top:0;width:60px;}					
					
.ui-option					{ clear: both; }
					
 .adm-box { margin-bottom:5px;text-align:right;margin-right:5px;}					
					
#page_board_content .ui-top {position:relative;padding:5px 5px 0; box-sizing:border-box;}					
.ui-top .search-box	{ display:inline-block;position:relative;width:40%;margin-bottom: 5px; padding-right:24px;vertical-align:top;text-align:right;box-sizing:border-box;} 				
.ui-top .search-box form {display:inline-block;}					
.ui-top .search-box input {width:95%;}					
.ui-top .search-box button.ui-btn {width:24px;height:24px;line-height:22px;padding:0;position:absolute;right:0;top:0;}					
					
.ui-top .ui-write-area {display:inline-block;margin-bottom: 5px;  width:90%;vertical-align:top;}					
					
.ui-write-box				{ position:relative; padding-left:24px; padding-right:0; } 	
.ui-write-box p				{ position:relative; height:24px;width:0;overflow:hidden; box-sizing:border-box;}	
					
.ui-write-box.update p, .ui-write-box p.on {width:100%;height:auto; padding-right:60px;}					
.ui-write-box .write_open.ui-btn.point	{position:absolute;left:0;top:0;display:inline-block;width:24px;height:24px;line-height:22px;padding:0;margin:0;}				
.ui-write-box.update .write_open.ui-btn.point {display:none;}					
					
.ui-text-area.ui-write-box button		{ position:absolute;width:60px;top:0;right:0;}   			
					
.ui-text-area.ui-write-box.update {padding-left:0;}					
.ui-text-area.ui-write-box.update p{ position:relative; padding-right:120px; }					
.ui-text-area.ui-write-box.update p button {position:absolute;right:60px;top:1px;width:60px;}					
.ui-text-area.ui-write-box.update p a {position:absolute;right:0;top:1px;width:60px;}					
					
.ui-memo-list					{ position: relative; clear: both;  } 
.ui-memo-list hr.line			{ margin:0; }		
.ui-memo-list li:last-child hr.line	{display:none;}				
.ui-memo-list li li:last-child hr.line	{display:block;}				
.ui-memo-list li					{ position: relative; } 
.ui-memo-list li strong		{ font-weight:normal; }			
.ui-memo-list li em			{ font-style: normal;display:inline-block;text-align:center; width:14px;} 		
.ui-memo-list li .date		{ display:inline-block;vertical-align:middle;width:73px;text-align:center; } 			
					
#page_board_content .ui-memo-list li .write_open.secret.ui-btn {margin:2px 5px; height:20px;line-height:18px;padding:0 8px;}					
.ui-memo-list li .pass_in{display:inline-block;vertical-align:middle;width:0;white-space:nowrap;overflow:hidden;}					
.ui-memo-list li .pass_in input{border:0 none;background:none;width:100px;}					
#page_board_content .ui-memo-list li .pass_in button {padding:0 5px;width:50px;height:20px;line-height:18px;margin:2px;}					
.ui-memo-list li .pass_in.on {width:160px;}					
					
.ui-memo-list .no-data			{ text-align: center; line-height: 100px; }		
.bo_fx {padding:5px;}					
.bo_fx .chkall {float:right; margin-left: 5px;} 					
					
.content-area .con {word-break:break-all;}					
					
					
@media all and (max-width:480px) {					
	.content-area {padding-right: px;}				
	.content-area .con {display:block;padding-left:px;}				
}					
					
@media all and (max-width:350px) {					
	.ui-top .search-box,.ui-top .ui-write-area {width:100%;padding-top:30px;}				
	.ui-top .search-box  {position:absolute;top:0;right:0;height:24px;width:100%;}				
	.ui-top .search-box form{ width:100%;}				
	.ui-top .search-box input {position:absolute;top:0;left:5px;right:48px;}				
	.ui-top .search-box a{right:5px;}				
	#wr_name,#wr_password		{  width:100%;}		
}					
					
#page_board_content{					
	width: 100%;				
    margin-left: auto;					
    margin-right: auto;					
}					
					
@media only screen and (min-width:750px){					
	#page_board_content{				
		width: var(--bo-width) ; /*게시판 너비*/			
		margin-left: auto;			
		margin-right: auto;			
	}				
}